<template>
  <footer class="footer">
    <div class="info">
      <ul>
        <router-link tag="li" :to="{path:'/index'}"><span class="nav01"></span>找到你</router-link>
        
        <router-link tag="li" :to="{path:'/area'}"><span class="nav03"></span>专区</router-link>
        <router-link tag="li" :to="{path:'/news'}"><span class="nav02"></span>消息</router-link>
        <router-link tag="li" :to="{path:'/find'}"><span class="nav04"></span>发现</router-link>
        <router-link tag="li" :to="{path:'/about'}"><span class="nav05"></span>我</router-link>
      </ul>
    </div>
  </footer>
</template>
<script>
export default {
  name: 'vfooter',
  data() {
    return {
      qqStatus:false,
      navt: [
        { id: 1, title: '首页', src: 'nav01', url: '/home' },
        { id: 2, title: '购物车', src: 'nav02', url: '/cart' },
        { id: 3, title: '我的订单', src: 'nav03', url: '/order' },
        { id: 4, title: '会员中心', src: 'nav04', url: '/about' }
      ]
    }
  },
  computed: {
    active() {
      let name = this.$route.path.substring(1);
      let vArr = [
        { title: '', num: 1 },
        { title: 'home', num: 1 },
        { title: 'show', num: 1 },
        { title: 'cart', num: 2 },
        { title: 'cartAdd', num: 2 },
        { title: 'order', num: 3 },
        { title: 'orderDes', num: 3 },
        { title: 'about', num: 4 },
        { title: 'address', num: 4 },
        { title: 'addressAdd', num: 4 },
        { title: 'addressEt', num: 4 },
        { title: 'admin', num: 4 },
        { title: 'card', num: 4 },
        { title: 'integral', num: 4 },
        { title: 'integralList', num: 4 }
      ]
      for (let i = 0; i < vArr.length; i++) {
        if (vArr[i].title == name) {
          return vArr[i].num
        }
      }



    }
  },
  methods:{
    goTop(){
      document.documentElement.scrollTop = document.body.scrollTop =0;
    },
    click(){
      this.qqStatus=!this.qqStatus
    }
  }
}

</script>

